import List from '@/components/List/List';
import {Image, Text, VStack, View} from 'native-base';
import {useState} from 'react';
import React from 'react';

export default function ({
  data,
  loading,
}: {
  data: Array<any>;
  loading: boolean;
}) {
  return (
    <>
      <List
        loading={loading}
        data={data}
        renderItem={({item}) => {
          return (
            <View>
              <Image source={item.img} />
              <VStack>
                <Text>{item.title}</Text>
                <Text>{item.price}</Text>
              </VStack>
            </View>
          );
        }}
      />
    </>
  );
}
